<template>
	<view>
      <view class="input_container" :style="{'background-color':backgroundColor}" @click="to_search">
        <view class="inputer" :style="{'border-radius':radius+'px'}">
       <uni-icons type="search" size="15"></uni-icons>
       <text class="placeholder"> 搜索</text>
        </view>
      </view>
	</view>
</template>

<script>
	export default {
    props:{
      radius:{
        type:Number,
        default:40
      },
      backgroundColor:{
        type:String,
        default:'#bc0000'
      }
    },
		data() {
			return {
				
			};
		},
    methods:{
      to_search(){
      this.$emit('click')
      }
    }
	}
</script>

<style lang="scss">

.input_container{
  // background-color: #bc0000;
  padding: 10px 10px;
  .inputer{
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    height: 30px;
    background-color: #FFFFFF;
    // border-radius: 40px;
    .placeholder{
      margin-left: 3px;
    }
  }
}
</style>
